/* 
    Document   : style
    Created on : 11-mei-2012, 17:35:02
    Author     : LimeLight
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* Définition des polices personnalisées */
@font-face
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}

/* Eléments principaux de la page */
body {
	background-color:#fff;
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}


#bloc_page
{
width: 100%;
margin: auto;
}
section h1, footer h1, nav a
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: none;
}

/* Header */
header
{
background: url('../images/header.jpg') no-repeat center center;
background-color: #000;
position: relative;
width:100%;
clear:both;

height:214px;
}
#titre_principal
{
display: inline-block;
}
header h1
{
font-weight: normal;
}
 header img
{
position: relative;
top: 119px;
left: 240px;
}
header h2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-top: 0px;
font-weight: normal;
}

/* Navigation */
nav
{
background-color: #000;
display: inline-block;
width:100%;
height:50px;
text-align: left;
}
nav ul
{
list-style-type: none;
}
nav li
{    
display: inline-block;

}
nav a
{
font-size: 1em;
color: #fff;
padding-bottom: 3px;
text-decoration: none;
font-style: normal;
font-weight: bold;

}
nav a:hover
{
color: #fff;
font-style: normal;
font-weight: bold;
}

/* Corps */
article, aside
{
display: inline-block;
vertical-align: top;
text-align: justify;
}
article
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin-right: 15px;
}
article p
{
color: #666;
margin: 15px
}
aside
{
position: relative;
width:20%;
padding: 10px;
color: white;
font-size: 0.9em;
}
aside h1
{
font-weight: bold;
color: #0099FF;
font-size: 1.2em;
text-decoration: none;
font-style: normal;
}

aside p
{
font-family: Arial, Helvetica, sans-serif;
color: #666;
font-size: 0.8em;
padding-bottom: 25px;
}

aside img
{
margin-right: 5px;
display: block;
border-radius: 5px;
}

/* Footer*/
footer
{
font-family: Arial, Helvetica, sans-serif;
background-color: #CCC;
padding: 15px;
}
footer p, footer ul
{
font-size: 0.8em;
color: #000;
}

footer h1
{
font-size:0.9em;
}
#tweet, #mes_photos, #mes_amis
{
display: inline-block;
vertical-align: top;
}

/* table */
table
{
border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{
border: 1px solid black;
}
img, img a {
	border:none;
}